<template>
  <div class="bottom-container">
    <van-nav-bar title="水款管理" left-text="返回" left-arrow v-back />
    <van-tabs v-model="active" sticky title-active-color="#26A2FF" color="#26A2FF">
      <van-tab title="欠款">
        <water-money-debt-list></water-money-debt-list>
      </van-tab>
      <van-tab title="还款">
        <water-money-pay-list></water-money-pay-list>
      </van-tab>
    </van-tabs>

  </div>
</template>

<script>
import WaterMoneyDebtList from './WaterMoneyDebtList';
import WaterMoneyPayList from './WaterMoneyPayList';
  export default {
    components: {
      WaterMoneyDebtList,
      WaterMoneyPayList
    },
    data(){
      return {
        active: ''
      }
    }
  }

</script>
